<%-- 
    Document   : extrato
    Created on : Oct 19, 2013, 2:48:06 AM
    Author     : Aurelio
--%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@page import="java.util.List"%>
<%@page import="strategy.OperacaoExtrato"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Extrato</title>
                <style type="text/css">
            #geral {
                position:absolute;
                top:50%;
                left:50%;
                width:500px;
                height:300px;
                margin-left:-250px;
                margin-top:-150px;
                text-align:center;
            }
            .pontilhado2{ 
                border-style: dotted; 
                border-width: 2px; 
                background-color: #FFFF99; 
                font-family: monospace; 
                font-size: 14pt;
                position: absolute;
                left: 14%;
            } 
        </style>
    </head>
    <body bgcolor="#C0C0C0">
        <div id="geral">
        <form>            
            <table table class="pontilhado2" width="350px" align="center">  
                <tr>  
                    <td colspan=4 align="center" style="border: 2px solid white"><h2>Extrato Bancario</h2><p></td>  
                </tr>  
                <tr>  
                    <th align="center" style="border: 2px solid white">OPERACAO</th> 
                    <th align="center" style="border: 2px solid white">DATA</th>  
                    <th align="center" style="border: 2px solid white">VALOR</th>    
                </tr>  
                <c:forEach var="op" items="${historico}">
                    <tr>  
                        <c:if test="${op.valor < 0}"><td>SAQUE</td></c:if>
                        <c:if test="${op.valor > 0}"><td>DEPÓSITO</td></c:if>
                        <td>${op.data} </td>  
                        <td><center>${op.valor}</center></td>  
                    </tr>
                </c:forEach>
            </table>
        </form>
        </div>
    </body>
</html>
